.allw{
	padding: 0;
	margin: 0;
	min-height: 120vw;
}
.all{
	width: 100%;
	min-height: 50% !important;
	background-color:var(--color4);
}
.header{
	padding-top: 100rpx;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.avater{
		width: 30%;
		image{
			width: 200rpx;
			height: 200rpx;
			border-radius: 50%;
		}
	}
	.avatar-example{
		float: left;
		margin-left: 40rpx;
	}
	.text{
		font-size: 36rpx;
		font-weight: 700;
		position: absolute;
		left:210rpx;
		top:150rpx;
	}
	.btn{
		margin-right: 80rpx;
		position: absolute;
		top:150rpx;
		right:50rpx;
	}
}
.clear{
	clear: both;
}
.one{
	display: flex;
	justify-content:space-between;
	margin-top: 40rpx;
}
.box1,.box2,.box3{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-right: 2rpx solid #ffffff;
	padding-right: 60rpx;
	color:white;
	font-weight: 900;
}
.box1{
	margin-left: 120rpx;
}
.box3{
	border-right: none;
	padding-right: 60rpx;
	margin-right: 100rpx;

}
.listall{
	width: 100%;
	background-color: var(--color2) !important;
	padding-top: 40rpx;
	min-height: 80% !important;
	.list{
		width: 100%;
		height: 120rpx;
		margin-left: 30rpx;
		display: flex;
		line-height: 120rpx;
	}
}
.btnall{
	margin-left:20rpx; 
	font-size: 32rpx;
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	border: none;
}
button::after {
	border: none;
}